<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="style/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<link href="style/index.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="content">
<div class="head">
<div class="logo"><img src="images/main_logo.jpg" /></div>
<div class="nav">
<ul>
<li><a href="index.html"><span>烤荔枝</span></a></li>
<li><a href="gongsi.html">个人主页</a></li>
<li><a href="cp.html">车票购买</a></li>
<li><a href="cp1.html">活动报名</a></li>
<li><a href="lianxi.html">联系我们</a></li>
<li><a href="liuyan.html">在线留言</a></li>
<li><a href="wenzhang.html">商务合作</a></li>
</ul>
</div>
<div class="banner" id="banner">
        <a id="prevbt"></a>
        <a id="nextbt"></a>
        <ul>
                <li>
                <a href="#">
                    <img src="images/flow_pic (1).jpg" />
            </a>
        </li>
                <li>
                <a href="#">
                    <img src="images/flow_pic (2).jpg"/>
            </a>
        </li>
        <li>
                <a href="#">
                    <img src="images/flow_pic (3).jpg" />
            </a>
        </li>
       
        </ul>
        
        <script>
var li_Width=1024;
var banner_Li_Num=$('#banner li').length;
$('#banner ul').css({'width':li_Width*banner_Li_Num,'marginLeft':-li_Width});

function prevbt(){
        $('#prevbt').unbind('click');
        $('#banner li:last').detach().insertBefore('#banner li:first').parents('ul').css('marginLeft',-li_Width*2).stop(true).animate({marginLeft:-li_Width},800,'easeInOutBack',function(){
                $('#prevbt').bind('click',prevbt);
                });
        }
function nextbt(){
        $('#nextbt').unbind();
        $('#banner ul').stop(true).animate({marginLeft:-li_Width*2},800,'easeInOutBack',function(){
                $('#banner ul').css('marginLeft',-li_Width).find('li:first').insertAfter('#banner li:last');
                $('#nextbt').bind('click',nextbt);
                })
        }

$('#prevbt').click(function(){
        prevbt();
        })
$('#nextbt').click(function(){
        nextbt();
        })

banner_T=setInterval(banner_Auto,5000)
        function banner_Auto(){
                nextbt();
                }
$('#banner').hover(function(){
        clearInterval(banner_T);
        },function(){
                banner_T=setInterval(banner_Auto,5000);
                })
</script>
</div>


</div>
<div class="main">
<div class="cp">
<div class="cp_1">
<div  class="cp_title"></div>
<div class="cp_list">
<div class="cp_list1">
<a href="#"><img src="images/微信图片_201905281232434.jpg" /></a>
<p><a href="#">夜游大连系列</a></p>
<span>带你领略大连这座城市夜晚时的独特魅力</span>
<h>海滨公路-老虎滩公园--星海广场-星海公园-跨海大桥-东港</h>
</div>
<div class="cp_list2">
<a href="#"><img src="images/微信图片_20190610112748.jpg" /></a>
<p><a href="#">太阳沟系列</a></p>
<span>古老建筑与银杏大道的视觉碰撞效果</span>
<h>博物馆-银杏大道-铁锅风味-民俗建筑</h>
</div>
</div>
</div>
<div class="cp_2">
<div class="cp_title2"></div>
<div class="cp_2_list">
<div class="cp_2_list1"><a href="#"><img src="images/微信图片_20190610113335.jpg" /></a>
<p><a href="#">大外/大医校车线路</a></p>
<span>大外研究生公寓26号楼楼下乘车/大医校东门内蓝湾医院门前班车乘降点</span>
<h>小平岛-七贤岭-高新园区-万达广场-凌水桥-东财-黑石礁-星海公园-医大二院-和平广场-医大二部-奥林匹克-沈阳路-云山街-天安国际</h></div>
<div class="cp_2_list2"><a href="#"><img src="images/微信图片_20190610113431.jpg" /></a>
<p><a href="#">考试专用校车线路</a></p>
<span>教资，计算机国家级考试，公司面试</span>
<h>我们一直致力于满足学生出行需求。</h></div>
</div>

</div>
</div>

<div class="foot">
<div class="foot_1">
<div class="a"><img src="images/foot_logo1.jpg" /></div>
<div class="b">
<ul>
<li>电话：13591809909</li>
<li>邮箱：wearecollage@163.com</li>
<li>地址：大连市沙河口区体坛路星海.凯泰铭座1366</li>
</ul>
</div>
<div class="c">
<ul>
<li>出行咨询：18342257201</li>
<li>回校咨询：18342257208</li>
<li>包车电话：18342257206</li>
<li>失物招领：18342257201</li>
</ul>
</div>

</div>
<div class="foot_2">
<p>版权信息：made by 小庸</p>
<p></p>
</div>

</div>
</div>
</div>
</body>
</html>
